<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <!--src 资源路径
        1.相对路径: 一般访问站内资源时使用
        -图片在页面同一级: 直接写图片名
        -图片在页面上一级: ../图片名(再上一级,再加一个../)
        -图片在页面下一级:  文件夹名/图片名

        2.绝对路径: 一般访问网站外资源,图片盗链,
    -->
    <!--alt: 当图片不能正常显示,显示的文本-->
    <!--title:  图片的标题-->

        <img src="../Pure%20desire.jpg" alt="这是个纯欲的">
        <img src="../nv1.jpg" width="700" title="这个标题" alt="这是个御姐的">
        <img src="../wemen.jpg" width="700"  title="这个标题" alt="这是个御姐的">
        <!--width height
            两种赋值方式:1.像素  2.上级元素的百分比
            只设置宽度时.高度时自动等比缩放
        -->
        <img src="abc/Lolita.jpg" width="600" alt="这是个萝莉的">
        <img src="abc/Lolita.jpg" width="18%" alt="这是个萝莉的">

        <!--绝对路径-->
        <img src="https://cdn.tmooc.cn/bsfile//courseImg///94D557C1DBB44FDA909B3B2BDC433A28.png" alt="">

    </body>
</html>